<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
	<script src="${ctx}/js/controllers/system/app/AppListController.js" type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		
		setCtx(ctx);
	</script>
          <section>
             <div style="height:40px;line-height: 40px;">
                 <div class="forword_area"></div>
	             <div class="location">当前位置：${sessionScope.currcent_position}</div>

         	</div>
            <hr>
            <section>
              <!--begin 搜索栏 -->
                <div class="panel">
                 <div style="float:left;height: 28px;">
                   <input id="versionNo" type="text" maxlength="10" value="${(not empty versionNo)? versionNo : ''  }" class="input-sm" placeholder="版本号">
                 </div>
              	<div class="btn-group">
                        <select id="type" class="dropdown-menu">
                        	<option  value="-1" <c:if test="${type == -1 }">selected="selected"</c:if>>类型</option>
                            <option  value="1"  <c:if test="${type == 1 }">selected="selected"</c:if>>android</option>
                            <option  value="2"  <c:if test="${type == 2 }">selected="selected"</c:if>>ios</option>
                        </select>
                  </div>
                 <div class="btn-group">
					<select class="dropdown-menu" id="pSize">
						<c:forEach items="${pageSizes }" var="item">
							<option value="${item.value }"
								<c:if test="${pSize == item.value }">selected</c:if>>&nbsp;&nbsp;&nbsp;${item.label }</option>
						</c:forEach>
					</select>
				</div>
		             <div class="form-control">
		               <div id="social-buttons" style="margin-bottom: 0px;">
		                 <div class="search" onclick="getAppList();"><img src="${ctx }/images/table/search_second.png"></div>
		                 <div class="search" onclick="saveOrUpdate();"><img src="${ctx }/images/table/add_second.png"></div>
		                 <div class="delete not-first"  style="float:left;" onclick="deleteByIds();"><img src="${ctx }/images/table/del_second.png"></div>
		               </div>
		             </div>
          		 	</div><!--end 搜索栏 -->

              <!--begin table表格 -->
              <div>
              <table class="table">
                  <thead>
                    <tr>
                      <th width="3%">
                      <span>
                      <img id="all" onclick="selectAll(this)" src="${ctx }/images/tables/wugou.png" style="margin-bottom: 1px">
                      </span>
                      </th>
                      <th width="3%">序号</th>
                      <th width="5%">类型</th>
                      <th width="5%">版本号</th>
                      <th width="10%">更新日期</th>
                      <th width="5%">上传人</th>
                      <th width="5%">操作</th>
                    </tr>
                  </thead>
                  <tbody id="tableTbody">
                    	<c:forEach items="${appList}" var="app" varStatus="menuStatus">
                     <tr onmouseover="mouseoverOne(this)" onmouseout="mouseoutOne(this)">
                     <td>
                     <img id="app${app.id}" name="appChecked" class="${app.id}" onclick="selectOne('${app.id}',this)" src="${ctx }/images/tables/wugou.png" >
                     </td><!-- <td><label class="checkbox"><input type="checkbox" name="post[]"><i></i></label></td> -->
                       <td>${menuStatus.index + 1}</td>
                       <td>${app.type==1 ? 'android' : 'ios'}</td>
                       <td>${app.versionNo}</td>
                       <td>${app.uploadTime}</td>
                       <td>${app.uploadPerson}</td>
                       <td><a class="fa fa-check " onclick="saveOrUpdate('${app.id}');">编辑</a></td>  
                     </tr>
                    	</c:forEach>
                  </tbody>               
                                    
				  <tfoot>
		            	<tr>
			               <td colspan="7">
			                  <div>
			                    <div style="float:left;">
			                      <span class="total">合计 ${appInfo.total} 条数据</span>               
			                    </div>
			                    <div style="float:right;  margin-right: 10px;margin-top: 29px"> 
				                  <div style="float:left;">                 
				                      <ul class="footer_ul">
				                      	<c:if test="${appInfo.hasPreviousPage }">
				                        <li onclick="gotoPage(${currentPage-1 });"><a class="leftRight">&lt;&lt;</a></li>
				                      	</c:if>
				                        <c:if test="${appInfo.firstPage > 1}">
				                        	<li onclick="gotoPage(1);" style="border: 1px solid #9A9A9A;">
				                             	<a>1</a>
				                        	</li>
				                        	<c:if test="${appInfo.firstPage > 2}">
				                        		...
				                        	</c:if>
				                      	</c:if>
				                        <c:forEach items="${appInfo.navigatepageNums }" var="page">
				                        <li onclick="gotoPage(${page });" class="<c:if test="${currentPage == page }">active</c:if>" style="border: 1px solid #9A9A9A;">
				                             <a>${page}</a>
				                        </li>
				                        </c:forEach>
				                        <c:if test="${appInfo.lastPage < appInfo.pages}">
				                        	<c:if test="${appInfo.firstPage < appInfo.pages - 1}">
				                        		...
				                        	</c:if>
				                        	<li onclick="gotoPage(${appInfo.pages});" style="border: 1px solid #9A9A9A;">
				                             	<a>${appInfo.pages}</a>
				                        	</li>
				                      	</c:if>
				                        <c:if test="${appInfo.hasNextPage }">
				                        <li><a onclick="gotoPage(${currentPage+1});" class="leftRight">&gt;&gt;</a></li>
				                      	</c:if>
				                      </ul>
			                     </div>
		                   		<div style="float:left;  height: 30px;">
									<span style="color: #9A9A9A;">跳转到</span> 
									<input class="inputclass" id="pageNo" onkeydown="if(event.keyCode==13){event.keyCode=0;return false;}" type="text" value="${currentPage }" style="width:26px;height:28px"onkeyup = "checInputNum(this)">
									<span style="color: #9A9A9A;">页</span> 
									<span class="buttonclass" id="J_JumpTo" onclick="gotoAppPage(null);"><a>GO</a></span>
								</div>
			                 </div>
			                 </div>
							</td>
						</tr>
					</tfoot>
          		 </table>
          		</div>
        	</section>
     	</section>
  <%@include file="/views/common/footer.jsp"%>
<script type="text/javascript">
//实现选中取消切换图片
$("tbody td>img").toggle(function(){    
    $(this).attr("src","${ctx }/images/tables/honggou.png"); 
    //$(this).parents("tr").children().each(function(){
	   // $(this).css("background","#D3F0F1");
   //});    
},function(){    
    $(this).attr("src", "${ctx }/images/tables/wugou.png"); 
    //$(this).parents("tr").children().each(function(){
	    //$(this).css("background","");
   //});
    });
    
//实现全选切换所有选项图标
$("#all").toggle(function(){    
    $(this).attr("src","${ctx }/images/tables/honggou.png"); 
    $("tbody td>img").attr("src","${ctx }/images/tables/honggou.png");  
},function(){    
    $(this).attr("src", "${ctx }/images/tables/wugou.png"); 
    $("tbody td>img").attr("src","${ctx }/images/tables/wugou.png");  
    });
</script>
<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
